<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import axios from "axios";
export default {
  created() {
    // 发送请求，获取频道信息

    this.getNav();
  },

  methods: {
    async getNav() {
      let {
        data: { result },
      } = await axios.get("./nav.json");
      this.$store.dispatch("muChannels", result);
    },
  },
};
</script>

<style lang="scss" scoped>
* {

  margin: 0;

  padding: 0;

  list-style: none;

  text-decoration: none;

  outline: none;

}

.flex {

  display: flex;

}

.j-c {

  justify-content: center;

}

.j-s {

  justify-content: space-between;

}

.a-c {

  align-items: center;

}

</style>